<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
<head>
<sj:head jqueryui="true" />
<script type="text/javascript">
	function mostrarDivPlanilla() {
		$('#reporteGeneral').fadeOut();
		$('#divRangoFechas').fadeOut();
		$('#divPlanilla').fadeIn();
	}
	function mostrarDivReporte() {
		$('#divPlanilla').fadeOut();
		$('#divRangoFechas').fadeOut();
		$('#reporteGeneral').fadeIn();
	}
	function mostrarRangos() {
		$('#divPlanilla').fadeOut();
		$('#reporteGeneral').fadeOut();
		$('#divRangoFechas').fadeIn();
	}
</script>
</head>
<body>
	<fieldset id="reportes">
		<legend>
			Reportes&nbsp;&nbsp; <img id="indicator"
				src="<s:url value="/resources/images/loading.gif"/>" width="20;"
				height="20;" alt="Cargando..." style="display: none" />
		</legend>
		<br /> <br />
		<div id="general">
			<a href="#" onclick="mostrarDivPlanilla();"
				style="font: bolder; font-size: x-large;">Generar Planilla
				Inspeccion</a><br /> <a href="#" onclick="mostrarDivReporte();"
				style="font: bolder; font-size: x-large;">Generar Reporte
				General</a> <br /> <a href="#" onclick="mostrarRangos();"
				style="font: bolder; font-size: x-large;">Generar Reporte
				General por Rango de Fechas</a>
		</div>
		<div id="reporteGeneral" style="display: none;">
			<br /> <br />En formato Pdf
			<s:url id="generarReporteGeneral" action="generarReporteGeneral"
				namespace="/reportes">
				<s:param name="tipoReporte">pdf</s:param>
			</s:url>
			<s:a cssClass="image" href="%{generarReporteGeneral}">
				<img src="<s:url value="/resources/images/pdf.png"/>"
					alt='Generar PDF' width='23px' height='23px' border="0px"
					title='Generar PDF'>
			</s:a>
			&nbsp;&nbsp;&oacute;&nbsp;En Excel&nbsp;&nbsp;
			<s:url id="generarReporteGeneral" action="generarReporteGeneral"
				namespace="/reportes">
				<s:param name="tipoReporte">xls</s:param>
			</s:url>
			<s:a cssClass="image" href="%{generarReporteGeneral}">
				<img src="<s:url value="/resources/images/excel.png"/>"
					alt='Generar Excel' width='23px' height='23px' border="0px"
					title='Generar Excel'>
			</s:a>
		</div>
		<br /> <br /> <br /> <br />
		<div id="divPlanilla" style="display: none;">
			<s:form id="planillaAutocomplete" name="consult.action"
				namespace="/reportes" theme="xhtml">
				<table>
					<tr>
						<td><sj:autocompleter id="code" name="code" list="%{codes}"
								label="Codigo" /></td>
						<td align="center"><sj:a id="consult"
								href="../reportes/consult.action" formIds="planillaAutocomplete"
								indicator="indicator" targets="divResultado" button="true"
								buttonIcon="ui-icon-gear">
								BUSCAR
							</sj:a></td>
					</tr>
				</table>
			</s:form>
			<br />
			<div id="divResultado"></div>
			<br /> En formato Pdf
			<s:url id="generarPdf" action="generarPlanillaInspeccion"
				namespace="/reportes">
				<s:param name="tipoReporte">pdf</s:param>
			</s:url>
			<s:a cssClass="image" href="%{generarPdf}">
				<img src="<s:url value="/resources/images/pdf.png"/>"
					alt='Generar PDF' width='23px' height='23px' border="0px"
					title='Generar PDF'>
			</s:a>
			&nbsp;&nbsp;&oacute;&nbsp;En Excel&nbsp;&nbsp;
			<s:url id="generarPdf" action="generarPlanillaInspeccion"
				namespace="/reportes">
				<s:param name="tipoReporte">xls</s:param>
			</s:url>
			<s:a cssClass="image" href="%{generarPdf}">
				<img src="<s:url value="/resources/images/excel.png"/>"
					alt='Generar Excel' width='23px' height='23px' border="0px"
					title='Generar Excel'>
			</s:a>
		</div>
		<div id="divRangoFechas" style="display: none;">

			<fieldset style="border-radius: 10px 10px 0px 0px;">
				<legend>Por Próximo Mantenimiento</legend>
				<s:url id="dateRangePdf" action="byDateRange"
					namespace="/reportes">
					<s:param name="tipoReporte">pdf</s:param>
				</s:url>
				<s:form id="rangoFechas" name="byDateRange.action"
					namespace="/reportes" theme="xhtml">
					<table>
						<tr>
							<td><s:label value="Desde:" /> &nbsp;&nbsp; <sj:datepicker
									id="fecha" name="inicioProximoMantenimiento"
									displayFormat="dd/mm/yy" /> <br /></td>
							<td><s:label value="Hasta:" /> &nbsp;&nbsp; <sj:datepicker
									id="fecha2" name="finProximoMantenimiento"
									displayFormat="dd/mm/yy" /> - <br /></td>
							<td><sj:a id="dateRange"
									href="%{dateRangePdf}" formIds="rangoFechas"
									indicator="indicator" targets="divResultado" button="true"
									buttonIcon="ui-icon-gear">
									
								BUSCAR
							</sj:a></td>
						</tr>
					</table>
				</s:form>
			</fieldset>
			
			<fieldset style="border-radius: 10px 10px 0px 0px;">
				<legend>Por Último Mantenimiento</legend>
				<s:url id="dateRangePdf2" action="byDateRange"
 					namespace="/reportes"> 
 					<s:param name="tipoReporte">pdf</s:param> 
 				</s:url> 
 				<s:form id="rangoFechas2" name="byDateRange.action" 
 					namespace="/reportes" theme="xhtml"> 
					<table>
 						<tr> 
							<td><s:label value="Desde:" /> &nbsp;&nbsp; <sj:datepicker 
									id="fecha3" name="inicioUltimoMantenimiento" 
									displayFormat="dd/mm/yy" /> <br /></td> 
							<td><s:label value="Hasta:" /> &nbsp;&nbsp; <sj:datepicker 
									id="fecha4" name="finUltimoMantenimiento" 
 									displayFormat="dd/mm/yy" /> - <br /></td> 
							<td><sj:a id="dateRange2" 
									href="%{dateRangePdf2}" formIds="rangoFechas2" 
									indicator="indicator" targets="divResultado" button="true"
									buttonIcon="ui-icon-gear">
									
								BUSCAR 
							</sj:a></td>
						</tr> 
 					</table> 
 				</s:form> 
			</fieldset> 

		</div>
	</fieldset>
</body>
</html>